﻿@model blacksoft.Models.ART_Venta
@using blacksoft.Helpers
@{
    ViewBag.Title = "Payment";
    Layout = "~/Views/Shared/_LayoutVentas.cshtml";
}

@*Depuración*@
@if (null != TempData["alertMessage"])
{
    <script type="text/javascript">
        alert("@TempData["alertMessage"]");
    </script>
}

<div class="block big">
    <div class="titlebar">
        <h3>Nueva Venta</h3>
    </div>
    <div class="block_cont">

        <h4>Datos del Pagador:</h4>
        <hr />

        @using (Html.BeginForm("Payment", "ComprarPasaje", FormMethod.Get))
        {
            <div class="form">
                @Html.LabelFor(model => model.ClienteJ.RUC)
                @Html.TextBox("CJ_RUC", null, new { @class = "text-box single-line" })
                @Html.LabelFor(model => model.ClienteJ.RazonSocial)
                @Html.TextBox("CJ_RazonSocial", null, new { @class = "text-box single-line", @readonly = "readonly", @disabled = "disabled" })
                @Html.LabelFor(model => model.ClienteJ.Direccion)
                @Html.TextBox("CJ_Direccion", null, new { @class = "text-box single-line", @readonly = "readonly", @disabled = "disabled" })
                @Html.LabelFor(model => model.ClienteJ.Telefono)
                @Html.TextBox("CJ_Telefono", null, new { @class = "text-box single-line", @readonly = "readonly", @disabled = "disabled" })
                @Html.LabelFor(model => model.ClienteJ.Email)
                @Html.TextBox("CJ_Email", null, new { @class = "text-box single-line", @readonly = "readonly", @disabled = "disabled" })
            </div>
            <input type="submit" value="Filtrar" class="btn btn-default" style="margin-top: 10px;" />
        }


        @using (Html.BeginForm("Payment", "ComprarPasaje", FormMethod.Post))
        {
            @Html.AntiForgeryToken()
            <div class="form">
                <table>
                    <tr>
                        <td>
                            <h4>Medio de Pago:</h4>
                        </td>
                        <td>
                            <table style=" margin-left:600px">
                                <tr>
                                    <td>
                                        <h4>Tipo de Cambio:  </h4>
                                    </td>
                                    <td>
                                        <h2>@Html.Label("TipoCambio", "2.80", new { @class = "tipoCambio" })</h2>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <hr />
                <table>
                    <tr>
                        <td>
                            <table>
                                <tr>
                                    <td>
                                        @Html.CheckBox("chbxNotaCred", true)
                                    </td>
                                    <td>
                                        @Html.LabelForRequired(model => model.IDNotaCredito)

                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        @Html.TextBoxFor(model => model.IDNotaCredito, new { @class = "text-box single-line" })
                                        <br />
                                        <br />
                                        @Html.ValidationMessage("ErrorNotaCredNull")
                                        @Html.ValidationMessageFor(model => model.IDNotaCredito)
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td>
                            @Html.LabelForRequired(model => model.MontoNotaCredito)
                            @Html.TextBoxFor(model => model.MontoNotaCredito, new { @class = "operando text-box single-line" })
                            <br />
                            <br />
                            @Html.ValidationMessageFor(model => model.MontoNotaCredito)
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <br />
                            <br />
                            @Html.LabelForRequired(model => model.MedioPago)
                            @Html.DropDownList("MedioPago", new[]
                        {
                            new SelectListItem() {Text = "Sólo Efectivo", Value="Efectivo"},
                            new SelectListItem() {Text = "Sólo Tarjeta", Value="Tarjeta"},
                            new SelectListItem() {Text = "Efectivo y Tarjeta", Value="EfectivoTarjeta"},
                        }, "Elegir", new { @class = "select" })
                            <br />
                            <br />
                            @Html.ValidationMessageFor(model => model.MedioPago)
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <br />
                            <br />
                            @Html.LabelForRequired(model => model.MontoSoles)
                            @Html.TextBoxFor(model => model.MontoSoles, new { @class = "operando text-box single-line" })
                            <br />
                            <br />
                            @Html.ValidationMessageFor(model => model.MontoSoles)
                        </td>
                        <td>
                            <br />
                            <br />
                            @Html.LabelForRequired(model => model.MontoDolares)
                            @Html.TextBoxFor(model => model.MontoDolares, new { @class = "operando text-box single-line" })
                            <br />
                            <br />
                            @Html.ValidationMessageFor(model => model.MontoDolares)
                        </td>
                        <td>
                            <br />
                            <br />
                            @Html.LabelForRequired(model => model.MontoTarjeta)
                            @Html.TextBoxFor(model => model.MontoTarjeta, new { @class = "operando text-box single-line" })
                            <br />
                            <br />
                            @Html.ValidationMessageFor(model => model.MontoTarjeta)
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <br />
                            <br />
                            @Html.LabelFor(model => model.Total)
                            @Html.TextBoxFor(model => model.Total, new { @class = "text-box single-line", @readonly = "readonly", @style = "background:#cccccc;" })
                            <br />
                            <br />
                            @Html.ValidationMessageFor(model => model.Total)
                        </td>
                        <td>
                            <br />
                            <br />
                            @Html.LabelFor(model => model.MontoDescuento)
                            @Html.TextBoxFor(model => model.MontoDescuento, new { @class = "text-box single-line", @readonly = "readonly", @style = "background:#cccccc;" })
                            <br />
                            <br />
                            @Html.ValidationMessageFor(model => model.MontoDescuento)
                        </td>
                        <td>
                            <br />
                            <br />
                            @Html.LabelFor(model => model.Vuelto)
                            @Html.TextBoxFor(model => model.Vuelto, new { @class = "text-box single-line", @readonly = "readonly", @style = "background:#cccccc;" })
                            <br />
                            <br />
                            @Html.ValidationMessageFor(model => model.Vuelto)
                        </td>
                    </tr>
                </table>
            </div>

            <div class="form-row">
                <input type="submit" value="Generar Venta" class="btn btn-default" onclick="return confirm('¿Desea guardar esta venta?')" />
                <br />
                @Html.ActionLink("Regresar", "ReserveConfirmation")
            </div>
        }
    </div>
</div>


<script type="text/javascript">


    jQuery(window).load(function () {
        var n = parseFloat($("#MontoNota").val() || 0);
        var s = parseFloat($("#MontoSoles").val() || 0);
        var t = parseFloat($("#MontoTarjeta").val() || 0);
        var d = parseFloat($("#MontoDolares").val() || 0);
        var tc = parseFloat($(".tipoCambio").text() || 0);
        var md = parseFloat($("#MontoDescuento").val() || 0);
        if (n >= parseFloat($("#Total").val() || 0)) {
            $("#Vuelto").val(0);
        }
        else {
            var total = s + t + d * tc + md - parseFloat($("#Total").val() || 0);
            var s_total = total.toFixed(2);
            if (s_total < 0)
                $("#Vuelto").val("");
            else
                $("#Vuelto").val(parseFloat(s_total));
        }
    });

    $(document).ready(
        $(".operando").keyup(function () {
            var n = parseFloat($("#MontoNota").val() || 0);
            var s = parseFloat($("#MontoSoles").val() || 0);
            var t = parseFloat($("#MontoTarjeta").val() || 0);
            var d = parseFloat($("#MontoDolares").val() || 0);
            var tc = parseFloat($(".tipoCambio").text() || 0);
            var md = parseFloat($("#MontoDescuento").val() || 0);
            if (n >= parseFloat($("#Total").val() || 0)) {
                $("#Vuelto").val(0);
            }
            else {
                var total = s + t + d * tc + md - parseFloat($("#Total").val() || 0);
                var s_total = total.toFixed(2);
                if (s_total < 0)
                    $("#Vuelto").val("");
                else
                    $("#Vuelto").val(parseFloat(s_total));
            }
        }
    ));

    function calcular() {
        var n = parseFloat($("#MontoNota").val() || 0);
        var s = parseFloat($("#MontoSoles").val() || 0);
        var t = parseFloat($("#MontoTarjeta").val() || 0);
        var d = parseFloat($("#MontoDolares").val() || 0);
        var md = parseFloat($("#MontoDescuento").val() || 0);
        var tc = parseFloat($(".tipoCambio").text() || 0);
        if (n >= parseFloat($("#Total").val() || 0)) {
            $("#Vuelto").val(0);
        }
        else {
            var total = s + t + d * tc + md - parseFloat($("#Total").val() || 0);
            var s_total = total.toFixed(2);
            if (s_total < 0)
                $("#Vuelto").val("");
            else
                $("#Vuelto").val(parseFloat(s_total));
        }
    };

    jQuery(window).load(function () {
        if ($("#MedioPago").val() == "Efectivo") {
            //Habilitar Controles
            $("#MontoSoles").removeAttr("readonly");
            $("#MontoDolares").removeAttr("readonly");
            $("#MontoSoles").css("background", "#ffffff");
            $("#MontoDolares").css("background", "#ffffff");
            $("#MontoSoles").val("");
            $("#MontoDolares").val("");

            //Deshabilitar Controles y Limpiar
            $("#MontoTarjeta").attr("readonly", "readonly");
            $("#MontoTarjeta").css("background", "#cccccc");
            $("#MontoTarjeta").val(0.00);
            calcular.call();
        }
        else {
            if ($("#MedioPago").val() == "Tarjeta") {
                //Habilitar Controles
                $("#MontoTarjeta").removeAttr("readonly");
                $("#MontoTarjeta").css("background", "#ffffff");
                $("#MontoTarjeta").val("");

                //"Deshabilitar" Controles y Limpiar
                $("#MontoSoles").attr("readonly", "readonly");
                $("#MontoSoles").css("background", "#cccccc");
                $("#MontoDolares").attr("readonly", "readonly");
                $("#MontoDolares").css("background", "#cccccc");
                $("#MontoSoles").val(0.00);
                $("#MontoDolares").val(0.00);
                calcular.call();
            }
            else {
                if ($("#MedioPago").val() == "EfectivoTarjeta") {
                    //Habilitar Controles
                    $("#MontoTarjeta").removeAttr("readonly");
                    $("#MontoSoles").removeAttr("readonly");
                    $("#MontoDolares").removeAttr("readonly");
                    $("#MontoTarjeta").css("background", "#ffffff");
                    $("#MontoSoles").css("background", "#ffffff");
                    $("#MontoDolares").css("background", "#ffffff");
                    $("#MontoSoles").val("");
                    $("#MontoDolares").val("");
                    $("#MontoTarjeta").val("");
                    calcular.call();
                }
            }
        }
    });

    $(document).ready(
    $("#MedioPago").change(function () {
        if ($(this).val() == "Efectivo") {
            //Habilitar Controles
            $("#MontoSoles").removeAttr("readonly");
            $("#MontoDolares").removeAttr("readonly");
            $("#MontoSoles").css("background", "#ffffff");
            $("#MontoDolares").css("background", "#ffffff");
            $("#MontoSoles").val("");
            $("#MontoDolares").val("");

            //Deshabilitar Controles y Limpiar
            $("#MontoTarjeta").attr("readonly", "readonly");
            $("#MontoTarjeta").css("background", "#cccccc");
            $("#MontoTarjeta").val(0.00);
            calcular.call();
        }
        else {
            if ($(this).val() == "Tarjeta") {
                //Habilitar Controles
                $("#MontoTarjeta").removeAttr("readonly");
                $("#MontoTarjeta").css("background", "#ffffff");
                $("#MontoTarjeta").val("");

                //"Deshabilitar" Controles y Limpiar
                $("#MontoSoles").attr("readonly", "readonly");
                $("#MontoSoles").css("background", "#cccccc");
                $("#MontoDolares").attr("readonly", "readonly");
                $("#MontoDolares").css("background", "#cccccc");
                $("#MontoSoles").val(0.00);
                $("#MontoDolares").val(0.00);
                calcular.call();
            }
            else {
                if ($(this).val() == "EfectivoTarjeta") {
                    //Habilitar Controles
                    $("#MontoTarjeta").removeAttr("readonly");
                    $("#MontoSoles").removeAttr("readonly");
                    $("#MontoDolares").removeAttr("readonly");
                    $("#MontoTarjeta").css("background", "#ffffff");
                    $("#MontoSoles").css("background", "#ffffff");
                    $("#MontoDolares").css("background", "#ffffff");
                    $("#MontoSoles").val("");
                    $("#MontoDolares").val("");
                    $("#MontoTarjeta").val("");
                    calcular.call();
                }
            }
        }
    }));

    jQuery(window).load(function () {
        if ($("#chbxNotaCred").is(":checked")) {
            //Habilitar Controles
            $("#IDNota").css("background", "#ffffff");
            //$("#MontoNota").css("background", "#ffffff");
            $("#IDNota").removeAttr("readonly");
            //$("#MontoNota").removeAttr("readonly");
            //$("#IDNota").val("");
            if ($("#MontoNota").val() == "0") {
                $("#MontoNota").val("");
            }
            //$("#MontoNota").val("");
        }
        else {
            //Deshabilitar Controles y Limpiar
            $("#IDNota").attr("readonly", "readonly");
            $("#MontoNota").attr("readonly", "readonly");
            $("#IDNota").css("background", "#cccccc");
            $("#MontoNota").css("background", "#cccccc");
            $("#IDNota").val(0.00);
            $("#MontoNota").val(0.00);
            calcular.call();
        }
    });

    $(document).ready(
    $("#chbxNotaCred").change(function () {
        if ($(this).is(":checked")) {
            //Habilitar Controles
            $("#IDNota").css("background", "#ffffff");
            //$("#MontoNota").css("background", "#ffffff");
            $("#IDNota").removeAttr("readonly");
            //$("#MontoNota").removeAttr("readonly");
            //$("#IDNota").val("");
            if ($("#MontoNota").val() == "0") {
                $("#MontoNota").val("");
            }
            //$("#MontoNota").val("");
        }
        else {
            //Deshabilitar Controles y Limpiar
            $("#IDNota").attr("readonly", "readonly");
            $("#MontoNota").attr("readonly", "readonly");
            $("#IDNota").css("background", "#cccccc");
            $("#MontoNota").css("background", "#cccccc");
            $("#IDNota").val(0.00);
            $("#MontoNota").val(0.00);
            calcular.call();
        }
    }));

    jQuery(window).load(function () {
        //Deshabilitar Controles y Limpiar
        $("#CJ_RazonSocial").attr("readonly", "readonly");
        $("#CJ_Direccion").attr("readonly", "readonly");
        $("#CJ_Telefono").attr("readonly", "readonly");
        $("#CJ_Email").attr("readonly", "readonly");

        $("#CJ_RazonSocial").css("background", "#cccccc");
        $("#CJ_Direccion").css("background", "#cccccc");
        $("#CJ_Telefono").css("background", "#cccccc");
        $("#CJ_Email").css("background", "#cccccc");
    });


</script>
